<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=750, user-scalable=0">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>报价单</title>
    <link rel="stylesheet" href="__PUBLIC__/css/weui.css?t=20141028987051">
    <link rel="stylesheet" href="__PUBLIC__/css/jquery-weui.min.css?t=20141028987051">
    <link href="__PUBLIC__/css/style.css?t=20141028987051" rel="stylesheet">
    <style>
      .layout.fixed {
    padding-bottom: 280px;
}
.top{
  padding: 20px;
}

.top h3{
  display: inline-block;
  vertical-align: 70%;
  margin-left: 23%;
}
.btn-confirm {
    border-radius: 10px;
    height: 74px;
    width: 80%;
    display: block;
    margin: 0 auto;
    background-color: #26adec;
    color: #ffffff;
    font-size: 42px;
    border: 0;
    outline: 0;
}
.wxpay-confirm{
  color: #323437;
   background-color: #f0f4f9;
}
.orderdesc{
  width: 100%;
}
textarea {

  width: 95%;
    -webkit-appearance: textarea;
    background-color: transparent;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    flex-direction: column;
    resize: auto;
    cursor: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    border-width: 0px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    padding: 2px;
    font-size: 19px;

}




    </style>
</head>

<body>
    <div class=" fixed" id="page-home">

      <div class="top">
            <div class="logo"><img src="__PUBLIC__/img/logo.png" alt="" width="120px" height="120px">
                <h3>挪窝报价单</h3>
            </div>
            <div class="orderdesc">
                <ul>
                  <li>订单报价：{$orderinfo.cost}</li>
                  <li>预计装载量：{$orderinfo.load}</li>
                  <li>车辆配备：{$orderinfo.equipment}</li>
                  <li>人员配备：{$orderinfo.peaple}</li>
                  <li>费用说明：<br>
                  </li>
                </ul>
                <!-- <div class="fee_explain">
                  <pre>
                    {$orderinfo.fee_explain}
                  </pre>
                </div> -->

                 <textarea name="" id="" cols="30" rows="18">{$orderinfo.fee_explain}</textarea>

            </div>
        </div>
        <button class="btnall-confirm btn-confirm" id="agree" style="margin-top:20px;">同意报价</button>
            <button class="wxpay-confirm btn-confirm" style="margin-top:20px;" id="refuse" >取消预约</button>
       
    </div>
    
    <script src="__PUBLIC__/js/jquery.min.js?t=20141028987051"></script>
    <script src="__PUBLIC__/js/jquery-weui.min.js?t=20141028987051"></script>
    <script src="__PUBLIC__/js/layer.js"></script>
    <script>
      $('#agree').click(function() {
        $.post('{:U("agree")}',
  {id:{$orderinfo.id}},
  function(data){
    if(data==1){
      alert('提交成功');
      WeixinJSBridge.call('closeWindow');
    }
  });
      });
      $('#refuse').click(function() {
        $.post('{:U("refuse")}',
  {id:{$orderinfo.id}},
  function(data){
    if(data==1){
      alert('提交成功');
      WeixinJSBridge.call('closeWindow');
    }
  });
      });
    </script>
</body>
</html>
